<template>
  <div class="filter-item">
    <permissionBtn
      v-for="item in auths"
      :key="item.id"
      :auth="item.auth"
      :name="item.name"
      :btn-type="item.btnType"
      @handle="handle(item.id)"
    />
  </div>
</template>

<script>
import permissionBtn from '@/components/buttonGroup/permissionBtn'
export default {
  name: 'GroupBtn',
  components: { permissionBtn },
  props: {
    auths: {
      type: Array,
      default: function() {
        return []
      }
    },
    param: {
      type: Object,
      default: {}
    }
  },

  data() {
    return {}
  },
  created() {},
  methods: {
    handle(id) {
      this.$emit('handle', id, this.param)
    }
  }
}
</script>
